// 放大镜图片切换
for (let i = 0; i < 4; i++) {
  $(".goods_show>.i-box").eq(i).on("click",function(){
    $("#small>img").attr("src",`./img/xiangqing/big${i+1}.jpg`);
    $("#big>img").attr("src",`./img/xiangqing/big${i+1}.jpg`)
})
}



//  时间提醒 点击显示 
var  t_btn = document.getElementById('time_btn');
var  t_box = document.getElementById('t_box');
var  t_clos = document.getElementById('t_clos');
t_btn.onclick = function(){
  t_box.style.display = "block"
  this.classList.add("active")
}
$("body").on("click","#t_clos",function(){
  t_btn.classList.remove("active")
  t_box .style.display = "none"
}) 
// 计算总和
// 第一个主要商品
var  main =($("#main").html()).trim().slice(6)*1;  //189
// 总价格
var zong = ($("#zong").html()).trim().slice(1)*1  // 189
// 定义记录点击数
var index = 0
var index2 = 0
var change_1
var change_2
change_1 = ($("label").eq(0).html()).trim().slice(6)*1 
change_2 = ($("label").eq(1).html()).trim().slice(6)*1 
    //第一 点击后折前总价
    var  yuan = main + change_1
 // 第二选购后折前价格
 var  yuan2 = main + change_2


// 第一个选购商品
$("label").eq(0).on("click",function(){
    index++
    // 第一个选购商品价格
      if(index2%2==0){// 第二个没选中时
        if(index%2!=0){//第一个选中
          console.log(yuan);
          $("#zong").html((yuan*0.95).toFixed(2))
          $("#save").html((yuan-(yuan*0.95)).toFixed(2))
        }else{//第一个没选中
          $("#zong").html(main.toFixed(2))
          $("#save").html((zong*0).toFixed(2))
        }
      }else{// 第二个选中时
        if(index%2!=0){//第一个选中时
          $("#zong").html(((yuan2+change_1)*0.95).toFixed(2))
          $("#save").html(((yuan2+change_1)-((yuan2+change_1)*0.95)).toFixed(2))
        }else{
          $("#zong").html((yuan2*0.95).toFixed(2))
          $("#save").html((yuan2-(yuan2*0.95)).toFixed(2))
        }  
    
      }

    })







// 第二个选购商品
  $("label").eq(1).on("click",function(){
    index2++
    // 第二个选购价格
        if(index%2==0){// 第一个没选中
          if(index2%2!=0){//第二个选中时
            $("#zong").html((yuan2*0.95).toFixed(2))
            $("#save").html((yuan2-(yuan2*0.95)).toFixed(2))
          }else{//第二个未选中时
            $("#zong").html(main.toFixed(2))
            $("#save").html((zong*0).toFixed(2))
          }  
        }else// 第一个选时
        if(index2%2!=0){//第二个选中时
          $("#zong").html(((change_2+yuan)*0.95).toFixed(2))
          $("#save").html(((change_2+yuan)-((change_2+yuan)*0.95)).toFixed(2))
        }else{//第二个未选中时
          $("#zong").html((yuan*0.95).toFixed(2))
          $("#save").html((yuan-(yuan*0.95)).toFixed(2))
        }  
         
        
        
      })





// 设置吸顶 卷去高度
let tab_1 = document.getElementById('tab_1');
let tab_2 = document.getElementById('tab_2');
let tab_3 = document.getElementById('tab_3');
let gos = document.getElementById('gos');
let use_p = document.getElementById('use_p');
let buy_b = document.getElementById('buy_b');
let tab_l = document.getElementById('tab_l');
let spans = tab_l.querySelectorAll("a")
window.onmousewheel = function(e){
  // console.log(tab_1.offsetHeight);
  // console.log(scrollY);
  if(screenY<tab_1.offsetHeight+1200){
    for (var i = 0; i <spans.length ; i++) {
      spans[i].classList.remove("active")
   }
   gos.classList.add("active")
  }
  if(scrollY>tab_1.offsetHeight+1200&&scrollY<tab_1.offsetHeight+tab_2.offsetHeight+1200){
    for (var i = 0; i <spans.length ; i++) {
       spans[i].classList.remove("active")
    }
    use_p.classList.add("active")
  }
   if(scrollY>tab_1.offsetHeight+tab_2.offsetHeight+1200){
    for (var i = 0; i <spans.length ; i++) {
      spans[i].classList.remove("active")
   }
   buy_b.classList.add("active")
  }
}

